@charset "utf-8";
@charset "utf-8";
.top{
    color:#a3bbe8;
    padding:0.4rem 0;
    background: #393939
}
.top a{
    color:#a3bbe8;
}
.title a{
    color:#434343;
}
.title h3 a{
    line-height: 1rem;
    height:1rem;
}
.slo{
    line-height:60px;
}
.toptel{
    padding:0.2rem 0.2rem;
}
.navpc li{
    width: 128px;
    line-height: 50px;
    float:left;
}
.navpc li:hover,.navpc .navpcon {
    background: #0074d7;
}
.navpc li:hover a,.navpc .navpcon a{
    color: #fff;
}
.navpc .home{
    width: 120px;
    margin-right:28px;
	font-size: 16px;
}
.navbd{
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
.banner .layui-carousel {
    height: 37vw !important;
}
.bansli{
    bottom:0;
}
.keysli{
    background: #f4f4f4;
    height:60px;
    line-height:62px;
}
.txtMarquee-left{ width:500px;  position:relative;     height:62px;
    overflow: hidden; }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1;     height:62px;
    overflow: hidden;}
.txtMarquee-left .bd ul li{ margin-right:10px;  float:left; height:62px; line-height:62px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{
    color:#000;
}
.protypedel{
    padding: 1.6rem 1.8rem;
    color:#3d3d3d;
}
.protype1 .fx{
    color:#3d3d3d;
    line-height: 1.9rem;
    
    transition: 0.3s ease-in-out;
}
.protype1:hover .fx{
    color:#0074d7;
    
}
.protype1:hover a{
	color: #0074d7;
}
.protypelist2{
    margin-left: 1.4rem;
    transition: 0.3s ease-in-out;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;

}
.protypelist2:hover{
    color:#0074d7;
    padding-left:0.5rem;
}
.protypelist2:hover a{
    color:#0074d7;
}
.protypelist2 .bd{
    border-bottom:1px solid #f4f4f4;
    transition: 0.3s ease-in-out;
}
.protypelist2:hover .bd{
    border-bottom:1px solid #0074d7;
    
}
.protype1 .fx .bgf4{
    width: 5px;
    height:24px;
    transition: 0.3s ease-in-out;

}
.protype1:hover .bgf4{
    background:#0074d7;
}
.protypede{
    height:1px;
    border-bottom:1px solid #959595;
}
.proshow p{
    height:2.4rem;
    line-height: 2.4rem;
	text-align: center
}
.proshow{
    border:1px solid #eaeaea;
    padding:1rem 0 1px 0;
	width:245px;
	margin-right: 36px;
	margin-bottom: 10px;
}
.proshow:hover{
    border:1px solid #0074d7;
}
.prolink{
    background: #0074d7;
    padding:0.6rem 1.8rem;
}
.ysbg{
    background: url(../images/advbg.jpg) top center no-repeat;
}
.yst1{
    color:#3c3c3c;
}
.yst2{
    color:#888;
    line-height: 1.8rem;
}
.advbox1{
    padding:2rem;
}
.advinf{
    line-height: 1.5rem;
}

.ad1{
        padding:1.875rem 0;
        background: url(../images/adbg.png) center top no-repeat;
    }
.ad1 .fjsb{
        justify-content: center;
    }
.ad1mt{
    margin-top: 2rem;
}
.ad1 .bgblu{
  display: inline-block;
	width: 200px;
	height: 56px;
	line-height: 56px;
	border-radius: 5px;
}
.ad1 h4{
	padding: 14px 0;
	border: 1px white solid;
	width: 810px;
	margin: 0 auto;
}
.adpml{
    margin-left:38px;
}
.adpmr{
    margin-right: 38px;
}
.ad1 .fjsb{
    flex-wrap: wrap;
}
.title h4{
    color:#cbcbcb;
}
.title h3{
    color:#464646;
    background: url(../images/title.png) center center no-repeat;
}
.sglay{
    top:0;
    justify-content: center;
    padding-top:85px;
}
.sglay{
    background: rgba(0, 116, 215, 0.8);
    box-sizing: border-box;
    opacity: 0;
    transition: 0.2s ease-in;
}
.sgimg:hover .sglay{
    opacity: 1;
}
.sgtit{
    padding: 1rem 0 0 0;
}
.abtype{
    background: #f4f4f4;
    height:110px;
}
.abtypecn{
    color:#000;
}
.abtypeen{
    color:#b8b8b8;
}
.abtype{
    margin-bottom: 2px;
}
.abtypeimg{
    width: 64px;
}
.abtypeon{
    background: #0074d7;
}
.abtypeon p{
    color:#fff;
}
.abtypeimg1{
    background: url(../images/about1.png) center center no-repeat;
    height: 200px;
}
.abtypeimg2{
    background: url(../images/about2.png) center center no-repeat;
    height: 200px;
}
.abtypeimg3{
    background: url(../images/about3.png) center center no-repeat;
    height: 200px;
}
.abtypeon .abtypeimg1{
    background: url(../images/about1on.png) center center no-repeat;
}
.abtypeon .abtypeimg2{
    background: url(../images/about2on.png) center center no-repeat;
}
.abtypeon .abtypeimg3{
    background: url(../images/about3on.png) center center no-repeat;
}
.abtype2:hover{
	background: #0074d7;
	
}
.abtype2:hover .abtypeimg2{
	 background: url(../images/about2on.png) center center no-repeat;
}
.abtype2:hover p{
	color:#fff
}
.abtype3:hover{
	background: #0074d7;
	
}
.abtype3:hover p{
	color:#fff
}
.abtype3:hover .abtypeimg3{
	 background: url(../images/about3on.png) center center no-repeat;
}

.layui-carousel-arrow{
    bottom:0;
   top:auto !important;
   width: 50px;
   height:50px;
   border-radius: 0;
}
.layui-carousel-arrow[lay-type="add"], .layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"] {
    background: #0074d7;
    right:0 !important;
}
.layui-carousel-arrow[lay-type="sub"], .layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="sub"] {

    left:auto !important;
    right: 50px !important;

}
#test2{
    line-height: 2.2rem;
    font-size: 1rem;
    color:#848484;
    padding:10px 0 0 0;
    background: #fff;

}
.layui-carousel > [carousel-item] > *{
    background: #fff;
}
.nborderb{
    border-bottom:7px solid #0074d7;
    height: 30px;
}
.nborder{
    border-bottom:4px solid #e5e5ef;
    height: 33px;
}
.caseline{
    height:0.52rem;
    background: url(../images/caseline.jpg) center bottom no-repeat;
    background-size: cover;
    margin-top: 1rem;
}
.casesum{
    color:#606060;
    line-height: 1.65rem;
}
.caseinf1{
    padding:1.5rem 0 0 0;
}
.casebox{
    background: #f6f6f8;
    padding:1.2rem 1rem;
}
.casebox:hover{
    background: #0074d7;
    color:#fff;
}
.casebox:hover a{
    color:#fff;
}



.picScroll-left{ width:1140px;  overflow:hidden; position:relative;   }
.picScroll-left .hd{ overflow:hidden;  height:0;   }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:51px; height:23px;  overflow:hidden;
     cursor:pointer; top:40px;}
.picScroll-left .hd .prev{  background:url("../images/left2.png") no-repeat; left:0; }
.picScroll-left .hd .next{  background:url("../images/right2.png") no-repeat; left:51px; }

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width: 940px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ height:92px;margin:0 22px 0 0;padding:8px 22px;  float:left; _display:inline; overflow:hidden;  width: 410px;background: #fafafa;border:#ececec 1px solid; }


.wen{
    color:#4a4a4a;
   
}
.da{
    line-height: 25px;
    color:#878787;
}
.wenbox{
    margin: 0.5rem 0;
}
.dabox{
    height:44px;
    overflow: hidden;
}

.mapandform{
    padding:2rem 0;
    background: url(../images/contbg.jpg) center center no-repeat;
}
.footer{
    background: #191919;
    padding:3rem 0 4rem;
}
.focont{
    margin-right: 2.5rem;
}
.focop a{
    color:#666;
}
.fohr{
    margin:1.8rem 0 1.2rem;
    height:1px;
    border-bottom:1px solid #424242;
    background: #424242;
}
.navmob{
    line-height: 70px;
}
.inban .keysli{
    background: rgba(0, 0, 0, 0.5);
}
.inban .keysli .colblu{
    color:#fff;
}
.inban .keysli .txtMarquee-left a{
    color:#fff;
}
.intelfx{
    height: 50px;
    color:#7d7d7d;
    line-height: 50px;
} 
.intel {
    border-bottom:#e2e2e2 1px solid;
}
.intel1{
    padding:0 1.5rem;
}
.intel2{
    padding:0 3rem 0 1.5rem;
}
.inhtyp{
    background: url(../images/inhtyp.png) 102px center no-repeat;
}
.inhtypon{
    background:#ffffff url(../images/inhtypon.png) 102px center no-repeat;

}
.inhtyp a{
    color:#7d7d7d;
}
.inhtypon a{
    color:#0074d7;

}
.path{
    color:#7d7d7d;
    padding:0.3rem 0;
    margin: 0.3rem 0;
    border-bottom:1px solid #e2e2e2;
}
.intit h4{
    color:#7d7d7d;
}
.intit h3{
    color:#363636;
    background: url(../images/inline.png) center right no-repeat;
}
.intit h3 .bgf{
    padding:0 1rem 0 0;
}
.kstd{
    line-height: 2rem;
}
.indata{
    color:#929292;
}
.intdhr{
    border-bottom:1px dashed #cccccc;
    width: 50%;
    margin: 0.5rem auto 0.2rem;
}
.indestit{
    background: #f6f5f5;
    padding:0.5rem 1.5rem;
    color:#646464;
}
.pageinfli:first-child{
    border-top:none;

}
.pageinfli{
    justify-content: space-between;
    padding:0.3rem 0;
    border-top:1px dotted #e7e7e7;
}
.pageinfliflbor{
    background: #f6f5f5;
    color:#a2a2a2;
    padding:0.4rem 0.8rem;
}
.sumpro{
    color:#646464;
    line-height:1.6rem;
}

.adv2 h3{
    font-size: 1.875rem;
    margin-bottom: 1rem;
}
.adv2 p{
    font-size: 1.125rem;
}
.adv2{
    padding-top: 2rem;
    height:auto;
    background: url(../images/adv2.jpg) center bottom no-repeat;
    background-size:contain;
    padding-bottom:3.5rem;
}
.advan{
    background: #f4f4f4;
	padding-bottom: 60px;
}
.advan h4{
    
    margin-bottom: 1rem;
    color:#0074d7;
}

.advan p{
    font-size: 0.875rem;
}
.advanbg{
    padding:2.5rem 0 0 2.5rem;
    background: url(../images/advbg.png) left top no-repeat;
    
}
.advanbg2{
    padding:2.5rem 2.5rem 0 0;
    background: url(../images/advbg2.png) right top no-repeat;
    
}
.advan p img{
    max-width: 100%;
}
.advnum0{

    background: url(../images/advnum.png) center 30px no-repeat;
    height:1220px;

}
.adv3{
    padding: 2rem 0;
    background: url(../images/adv3.jpg) center center no-repeat;
}
.adv3 h3 {
    font-size: 1.875rem;
    margin-bottom: 1rem;
}
.adv3 p {
    font-size: 1.125rem;
}
.adv3num{
    color:#000;
    background: #85c2fe;
    font-size: 1.5rem;
    width: auto;
    padding:0 20px;
}
.adv3num span{
    font-size: 1.875rem;
}
.ad-top{
	width: 100%;
	height: 1.375rem;
	background: #0074d7
	
}
.ad-txbg{
	color:#d1d1d1;
	font-size: 3rem;
	z-index: 10;
	bottom: -5px;
	
	
}
.clwh{
	
	
	width: 47%;
	text-align: center;
}
.abtxt{
	padding: 40px ;
    text-indent: 2em;
    height: 278px;
}
.honner{
	background: #efefef;
	border: 1px solid #c5c5c5;
	padding: 15px;
}
.eplist{
	background: white;
	box-sizing: border-box;
	border: 1px solid #afafaf;
	margin-right: 10px;
	padding: 20px 20px 0 20px;
	width: 280px!important;
		
}
.newslist li:hover  h2{color: #0074d7}
.newslist li:hover  h3{color: #0074d7}
.eplist h3{line-height: 3em}
.bggr {
	background: #efefef
}
.caseimg{
	width: 340px!important;
	margin: 20px;
	
}
.game163{ position: relative; padding: 4px; overflow: hidden; width:800px;padding-top: 1rem; }
.game163 .bigImg{ height: 260px; position: relative;}
.game163 .bigImg li img{ vertical-align:middle; width:800px; height:536px;  margin-bottom: 1rem; }

.game163 .smallScroll{ height: 53px; margin-bottom: 6px;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 20px; height: 80px; text-indent: -9999px; }
.game163 .sPrev{ background: url(../images/left.png) center center no-repeat ;}
.game163 .sNext{  background: url(../images/right.png) center center no-repeat ;}

.game163 .smallImg{ float:left;  display:inline; width: 800px; overflow: hidden;}
.game163 .smallImg ul{ height:80px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; padding: 0 10px 0 0; width:100px; cursor:pointer;  display: inline;  }
.game163 .smallImg img{ border: 1px solid #dcdddd; width:100px; height:78px;  }
.game163 .smallImg .on img{ border-color: #1e50a2;}

.picMarquee-leftin{  overflow:hidden; position:relative;    }

.picMarquee-leftin .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-leftin .bd ul li{ margin:15px 0.5rem 0; float:left;    border: 1px solid #b0b0b0; _display:inline; overflow:hidden; text-align:center;width: 270px;height:auto; }
.picMarquee-leftin .bd ul li .pic{ text-align:center;padding:10px 10px 0; }
.picMarquee-leftin .bd ul li .pic img{ width:250px; height:187px; display:block; }
/* .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  } */
.picMarquee-left .bd ul li .title{ line-height:2rem;font-size: 1rem;   }

.newsline{
    height:1px;
    background: url(../images/newsline.png) left center no-repeat;
}
.title h2 {
    color: #464646;
    background: url(../images/title.png) center center no-repeat;
}

.title h3 {
    color: #cbcbcb;
}
@media screen and (min-width:1200px){
    .lgdn{
        display: none;
    }
    .lgdb{
        display: none;
    }
    .fo1 {
        width: 100%;
    }
}
@media screen and (min-width:992px) and (max-width:1200px){
    .mddn{
        display: none;
    }
    .mddb{
        display: none;
    }
    .navpc li{
        width: 122px;
    }
}
@media screen and (min-width:992px){
    .caseinf1{
        padding:20px 0 0 25px;
    }
    .casetit,.casesum{
        margin-top: 20px
    }
    .casesum{
        height:8.5rem;
    }
    .inban .layui-carousel{
        height:556px !important;
    }
}
@media screen and (max-width:992px){
    .smdn{
        display: none;
    }
    .smdb{
        display: none;
    }
    .banner .layui-carousel {
        height: 53vw !important;
    }
    .inban .layui-carousel{
        height: 53vw !important;
    }
    .logo img{
        width: 50px;
    }
    
    .sglay{
        padding-top:75px;
    }
    .infoInput,.blue2{padding:5px;margin: 0px;border:1px solid #d5d5d5;width:200px;}
    .blue2{width:210px;}
    .form0{
        width: 220px;
        margin: 0 auto;
    }
    .control_label {
        width: 50%;
       text-align: left;
    }
    .control_required {
         width: 100%;
    }
    .form{
        padding-left:4rem;
    }
    .form .control_required textarea{
        height: 3rem;
    }
    .titlemob{
        margin-top: 1.2rem;
		width: 60%
    }
    .titlemob .rmt8{
        margin-top: 0.2rem;
    }
	.fo2{
		display: none;
	}
}
.colorn{
    color:#0074d7
}
.bgorn{
    background: #0074d7
}
.intit h1 .bgf {
    padding: 0 1rem 0 0;
}

.intit h1 {
    color: #363636;
    background: url(../images/inline.png) center right no-repeat;
font-size:24px
}

.intit h2 {
    color: #7d7d7d;
font-size:24px
}
@media screen and (max-width:768px){
	
    .proshow{
        width: 40%;
        overflow: hidden;
    }
}/* CSS Document */